<script setup lang="ts">
import Page from './components/Page.vue'
import Creator from './components/Creator.vue'
import Settings from './components/Settings.vue';
import { NModal, NButton, NSpace, NMessageProvider } from 'naive-ui'
import { ref } from 'vue';

const showModal = ref(false)

</script>

<template>
  <div style="padding: 80px;">
    <n-message-provider>

      <n-modal v-model:show="showModal">
        <Settings />
      </n-modal>
      <div style="position: fixed; top: 50px; right: 100px"><n-button @click="showModal = true">settings</n-button></div>
      <n-space vertical align="center">

        <Creator />
        <Page />
      </n-space>
    </n-message-provider>
  </div>
</template>